﻿/* Add here all your CSS customizations */

/* GENERELL STYLES
------------------------------------------------------------- */
.bim {
	color: #00aeef !important;
}

.container {
	padding: 0 15px !important;
}

.logo {
	display: inline-block !important;
	margin-top: 1px !important;
    float: left;
}

h1.header {
    font-size: 34px;
	margin-bottom: 10px;
}
.smaller {
    font-size: 63%;
}
.minheight50 {
    min-height: 50px !important;
    padding: 15px !important;
}
.minheight100 {
    min-height: 100px !important;
}
.minheight200 {
    min-height: 200px;
}
.minheight350 {
    min-height: 350px;
}
.minheight460 {
    min-height: 460px;
}
.minheight500 {
    min-height: 500px;
}

.right {
    text-align: right !important;
}
.center {
    text-align: center !important;
}

.padding5 {
    padding: 5px !important;
}
.nopadding {
	padding: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.marginleft {
	margin-left: -15px !important;
}
.marginright {
	margin-right: -15px !important;
}
.block {
    width: 10px;
    height: 10px;
    float: right;
}

hr.hr-xs {
    margin-top: 10px;
}

.two-btn-group {
    width: 100%;
}
.two-btn-group button:first-child, .two-btn-group button:first-child + button {
    width: 60%;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.two-btn-group button:last-child, .two-btn-group button:first-child + button + button {
    width: 40%;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

i.text-success, .text-success {
    color: #5cb85c;
}
i.text-warning, .text-warning {
    color: #f0ad4e;
}
i.text-danger, .text-danger {
    color: #d9534f;
}
i.text-primary, .text-primary {
    color: #00aeef;
}

a:active, a:focus {
    color: #00aeef;
}

.dragndropfile:focus, .dragndropfile:active {
    outline:0; /*removes the dotted border*/
}
input { 
    outline: none;
}

.label {
    font-weight: 400;
    font-size: 85%;
}
.label-info {
    background-color: #00aeef;
}
.label-list {
    margin: 7px 0 0 6px;
    font-weight: 400;
    padding: 0;
}

.adv-filter {
    background: #f9f9f9;
}

#confirm-dialog {
    z-index: 999999;
}
#error-dialog {
    z-index: 9999999;
}








/* SIGN IN / REGISTER VIEW */
h1.signin-header {
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #444;
    font-weight: 400;
}


/* SOCIAL BUTTONS */
.linkedin,
.linkedin:hover,
.linkedin:active,
.linkedin:focus,
.google,
.google:hover,
.google:active,
.google:focus,
.facebook,
.facebook:hover,
.facebook:active,
.facebook:focus {
    height: 32px;
    color: #fff;
}
.linkedin,
.linkedin:hover,
.linkedin:active,
.linkedin:focus {
	background: #0077b5;
	border-color: #0077b5;}
.linkedin:hover {
	background: #006ea8;
}
.google,
.google:hover,
.google:active,
.google:focus {
	background: #e54d42;
	border-color: #e54d42;
}
.google:hover {
	background: #d6463c;
}
.facebook,
.facebook:hover,
.facebook:active,
.facebook:focus {
	background: #4973aa;
	border-color: #4973aa;
}
.facebook:hover {
	background: #426594;
}

.social-icon {
	border-right: 1px solid #fff;
    float: left;
    margin-left: -10px;
    margin-top: -7px;
    padding: 6px;
    width: 3em;
    font-size: 1.2em;
}







/* Top menu fix------------------------------ */
#languageContent, #popoverContent {
    max-width: 200px;
}
.navbar-collapse .icon-fw, .navbar-collapse .icon-inbox {
    margin: inherit !important;
    font-size: 1em !important;
}
.navbar-collapse nav ul.nav-main li ul a {
    height: auto;
}
.popover.bottom {
    max-width: none !important;
}






/* Placeholder------------------------------ */
.form-control::-webkit-input-placeholder {
   color: #aaa;
}

.form-control:-moz-placeholder { /* Firefox 18- */
   color: #aaa;  
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;  
}

.form-control:-ms-input-placeholder {  
   color: #aaa;  
}




.space1, .space5, .space10, .space20, .space30, .space40, .space50 {
    width: 100%;
    clear: both;
}
.space1 {
    height: 1px;
}
.space5 {
    height: 5px;
}
.space10 {
    height: 10px;
}
.space20 {
    height: 20px;
}
.space30 {
    height: 30px;
}
.space40 {
    height: 40px;
}
.space50 {
    height: 50px;
}

.alert-grey {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.bg-grey {
    background-color: #eee;
}

.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}

.nobold {
    font-weight: 100;
}

.thumbnail {
    max-width: 100%;
}



.circle-icon {
    background: #f9f9f9;
    border-radius: 100px;
    padding: 50px;
    color: #999;
}




/*
.flags {
	min-width: 150px;
	float: left;
	height: 30px;
	margin-top: 0px;
	margin-left: -2px;
	display: none;
	padding: 5px !important;
	background-color: #eee;
	border-radius: 4px;
}
.flagsmobile {

}
.flag {
	float: left !important;
	margin: -5px 2px 0 2px !important;
	padding: 0 !important;
}
*/
.flagmobile {
	float: left !important;
	margin: 0 !important;
	padding: 3px !important;
}
.flag-btn, .user-btn {
    margin-left: 10px;
}

.bimail-btn {
    margin-left: 20px;
}


.owl-prev, .owl-next {
    background-color: #00aeef !important;
}




/* COOKIES
------------------------------------------------------ */
.cookies {
    background: #00aeef;
    text-align: center;
}
.cookies h6 {
    font-weight: 700;
}
.cookies h6, .cookies p, .cookies a {
    color: #fff !important;
    margin: 0;
    margin-top: 5px;
    padding: 0;
}
.cookies a {
    margin-top: 13px !important;
}
.cookies a:hover {
    color: #f5f5f5 !important;
}




.startpage-search input {
    -webkit-border-radius: 50px 0 0 50px !important;
    border-radius: 50px 0 0 50px !important;
}
.startpage-search .btn {
    -webkit-border-radius: 0 50px 50px 0 !important;
    border-radius: 0 50px 50px 0 !important;
}



.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.interact-btn {
    margin-top: -10px;
}
.embed-btn, .like-btn, .unlike-btn, .share-btn, .webgl-btn, .rotate-img-btn {
    margin-right: 10px;
    float: left;
}
.cursor-3d {
    cursor: move;
}

.embed-size-txt {
    font-weight: 900;
    padding-top: 5px;
    display: block;
}
/*
.social-buttons a span {
    opacity: 0.9 !important;
    border-radius: 4px;
    margin-bottom: 4px;
    width: 10px !important;
}*/
.at300b img {
    width: 10px !important;
}

.btn-inverted,
.btn-inverted:hover,
.btn-inverted:focus,
.btn-inverted:active {
    background-color: #333 !important;
    border-color: #111 !important;
    color: #fff;
}
.btn-animation {
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    background-color: #00aeef;
}

.user-dropdown-toggle {
    height: 30px !important;
}
header nav ul.nav-top li span.caret {
    padding: 0 !important;
    height: 8px;
    margin-top: 8px;
}


div.featured-box h4 {
    text-transform: none;
}


.progress-bar-bim {
    background-color: #00aeef !important;
    color: #fff !important;
}





/* OVERLAY */
.overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    position: absolute;
    z-index: 1100;
    overflow: no-display;
    display: none;
}
.overlay-img {
    position: relative;
    top: 50px;
    text-align: center;
}
.overlay-img img {
    width: 700px;
}




/* LANGUAGE DROPDOWN */
.languageselect {
    position: absolute;
    right: 30px;
    top: 15px;
    width: 200px;
    z-index: 1100;
}
.icon-lang-text {
    color: #cccccc;
}
.icon-lang {
    color: #cccccc;
    margin-right: 5px;
    margin-top: -1px;
}
.icon-lang-added {
    color: #000;
}
.icon-en {
    background: url('img/uk.png') no-repeat;
}
.icon-cs {
    background: url('img/Czech.png') no-repeat;
}
.icon-da {
    background: url('img/Denmark.png') no-repeat;
}
.icon-fr {
    background: url('img/France.png') no-repeat;
}
.icon-de {
    background: url('img/Germany.png') no-repeat;
}
.icon-hu {
    background: url('img/Hungary.png') no-repeat;
}
.icon-it {
    background: url('img/Italy.png') no-repeat;
}
.icon-ko {
    background: url('img/korea.png') no-repeat;
}
.icon-pt {
    background: url('img/Portugal.png') no-repeat;
}
.icon-es {
    background: url('img/Spain.png') no-repeat;
}
.icon-se {
    background: url('img/Sweden.png') no-repeat;
}







/* BIG ROUNDED ICONS
------------------------------------------------------------- */
.round-icon {
    background: #eee;
    border-radius: 200px;
    padding: 20px;
    margin: 0 auto;
    max-width: 180px;
    margin-top: 10%;
    margin-bottom: 30px;
}
.round-icon i {
    font-size: 10em;
}





.userapikey {
    cursor: text !important;
}





/* MODAL STYLES
------------------------------------------------------------- */
.modal-body {
    max-height:500px;
    overflow:auto;
}
.icon-btn-modal-margin {
	margin-right: 20px;
}
.icon-btn-modal {
	color: #999;
	font-size: 1.2em;
}
.translation-modal-body {
    max-height: 900px;
}
.modal-header-default {
    background: #f5f5f5;
}
.modal-title {
    color: #333;
}






/* HEADER STYLES
------------------------------------------------------------- */
.language-btn .popover-marker, .bimail-btn .popover-marker, .web-apps-btn .popover-marker, .user-settings-btn .popover-marker {
    height: 31px !important;
    min-width: 43px !important;
    margin-left: 10px;
}


/* Corporate site */
#popoverId {
    padding: 4px 12px !important;
}


/* Language selector */

#languageId img {
    margin-top: 2px;
}
.language-btn img {
    border: 1px #eee solid;
}
.language-flags li {
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
}
.language-flags .flag {
    padding: 7px 5px !important;
}
.flag-btn .btn, .flag-btn a {
    color: #999 !important;
}


/* BIMail button */
.newmail {
    display: block;
}
.bimail-btn .icon {
    margin: 0;
    padding: 0;
}
.bimail-btn a:hover {
    color: #999;
}
.bimailnotifier a {
    border-color: #66AFE9;
    color: #00aeef !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bimailnotifier a:hover {
    color: #00aeef !important;
}



/* BIMobject Solutions */
.solutions-btn, .solutions-btn:active {
    background: #fff url('img/bimobject-web-apps-icon.png') center center no-repeat;
}
.btn-webapp {
    margin: 10px 10px;
    width: 100px;
    padding: 8px 0 !important;
}
.btn-webapp .small {
    font-size: 10px;
    color: #00aeef;
    padding: 0;
}
.btn-webapp i {
    margin: 6px 0 0 0 !important;
    color: #00aeef;
}



header .icon-envelope, header .icon-inbox {
	margin: 1px 5px 0 5px;
	font-size: 20px !important;
}
/*.icon-cog, .icon-sign-out {
	margin: 1px 0;
	font-size: 21px !important;
}*/
.nav .prodicon a:hover {
	background-color: #f6f6f6 !important;
}
.mfp-content {
	width: 90% !important;
	height: 90% !important;
}
.user-btn .btn, .user-btn a, .user-btn .caret {
    color: #999 !important;
}

















/* STARTPAGE
------------------------------------------------------------- */
.icon-sketchup, .icon-archicad, .icon-autocad, .icon-revit {
    width: 140px;
    height: 30px;
    display: block;
}
.icon-sketchup {
    background:url('img/sketchup-icon.png') center center no-repeat;
}
.icon-archicad {
    background:url('img/archicad-icon.png') center center no-repeat;
}
.icon-autocad {
    background:url('img/autocad-icon.png') center center no-repeat;
}
.icon-revit {
    background:url('img/revit-icon.png') center center no-repeat;
}



/* Slide */
.sld-txt-1 {
    font-size: 32px !important;
    font-weight: 900 !important;
}
.sld-txt-3 {
    font-size: 32px !important;
    font-weight: 900 !important;
}


div.featured-box i.image-icon, i.icon-featured {
    margin: 0;
    margin-bottom: 10px;
}
div.featured-box h4 {
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5em;
}

div.inverse {
    background: #000;
    border-color: #000;
}

.parallax blockquote p,
.parallax blockquote span,
.parallax blockquote .icon {
	color: #fff !important;
}

.inverse blockquote {
    border: 0;
}
.inverse blockquote p {
    color: #fff;
}

.intro-header {
    color: #F8F8F8;
    text-align: center;
}
.intro-header h1 {
    color: #fff;
    font-size: 5em;
    text-shadow: 1px 1px 0 #000000;
}
.intro-header h2 {
    color: #fff;
    font-size: 2em;
    text-shadow: 1px 1px 0 #000000;
}
.intro-message {
	background: rgba(0, 0, 0, 0.0);
	display:block;
}
.intro-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid #F8F8F8;
    width: 90%;
    margin: 0 auto;
	margin-bottom: 30px;
}

.logostartpage {
    max-height: 52px;
}
div.featured.brands {
    background-color: #fff !important;
    border-top: 5px solid #000 !important;
    border-bottom: 5px solid #000 !important;
    padding-bottom: 20px !important;
}
div.featured.brands img {
    height: 52px;
}
div.featured.brands .owl-pagination {
    margin-top: 20px !important;
}

div.shop ul.products li.product .certified {
    background-color: #0088CC;
    border-bottom-color: #006DA3;
}
.product-thumb-info {
    background: #fff;
}








.viewlogo {
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 85px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}
.viewlogo img {
    max-width: 100px;
    max-height: 35px;
}
.viewlogo:hover {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}







/* BROWSE BIM OBJECTS
------------------------------------------------------------- */
/*.isotope-item {
	width: 150px;
	margin-left: 10px ;
	margin-right: 10px ;
}*/
h2.product {
	font-size: 1.2em;
    line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
    /*height: 40px;
    text-transform: lowercase;*/
}
h2.product:first-letter {
    /*text-transform: capitalize;*/
}
h4.product {
	font-size: 0.9em;
	text-align: center;
	line-height: 1em;
	margin-top: 0;
    max-height: 15px;
    overflow: hidden;
    padding-bottom: 15px;
}


/* SEARCH MENU STYLES */
.dropdown-search {
	min-width: 200px;
}
.search-filter {
	width: 20%;
}
.btn-group .bootstrap-select > .btn {
    width: 80% !important;
}
.btn-sort-group {
	width: 100%;
}
.btn-sort-drop {
	width: 25px;
}
.btn-sort {
	width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px);
}

.dropdown-menu {
    min-width: 200px;
}
.pc-btn-header {
    color: #00aeef;
    padding-left: 20px;
}
.pc-btn-link a {
    color: #999 !important;
    font-size: 85%;
}

.selectpicker {
  border-radius: 0 !important;
}
.selectfirst {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}
.selectlast {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}


/* BIMboard 
------------------------------------------------------------- */
.bimboard {
    position: absolute;
    bottom: 7px;
    right: 7px;
}
.heart-grey {
    color: #999;
}
.heart-like-text {
    color: #999 !important;
}
.heart-like-text-black {
    color: #333 !important;
}

.heart:hover,
.heart:focus,
.heart:active {
	color: #d9534f !important;
    background: #fff !important;
}
.redheart {
	color: #d9534f !important;
}
.btn-background {
	background: #ebebeb;
}


#pager_loading 
{
    width:100%;
    height:264px;
    background:url('img/loading.gif') center center no-repeat;
    text-align:center;
}

li.searchproduct {
    float: left;
    width: 160px;
    list-style-type: none;
    margin: 10px;
}
.portfolio-item {
    overflow: hidden;
    width: 100%;
    height: 2750px;
    max-height: 295px;
}
.portfolio-item img.product-image {
    height: 150px !important;
}
.searchlogo {
    max-height: 15px !important;
    position: relative !important;
    top: -3px !important;
    left: 1px !important;
}

.dropdown-selected-blue {
    background-color: #0099e6;
    border-color: #0099e6;
}
.dropdown-selected-grey {
    background-color: #eee;
    border-color: #cccccc;
}


.btn-group.bootstrap-select.form-control {
    height: 35px !important;
}
.bootstrap-select-searchbox input {
    height: 25px !important;
    padding: 2px;
    font-size: small;
    color: #00aeef;
}

.width110 {
    width: 110% !important;
}


/* LIST IMAGE HOVER */
.img-listpreview {
	border: 1px #eee solid;
	width: 20px;
	height: 20px;
}
#preview {
    border: 10px #000 solid;
    background: #fff;
    width: 405px;
}
.previewtext {
    background: #000;
}
.previewtext h4 {
    color: #fff;
    margin: 0;
    padding: 0;
}


/* Product search page icons */
.preview-product {
    position: absolute;
    top: 0;
    right: 5px;
    margin-top: -3px;
    z-index: 999;
}
.preview-product .icon-stack {
    width: 1.1em;
}
.preview-product .icon-stack-2x {
    font-size: 1.5em;
    color: #ddd;
}
.preview-product .icon-stack-1x {
    font-size: 0.7em;
    top: -7px;
    color: #555;
}



/* Product detail page icons */
.preview-product-detail,
.hidden-product-detail {
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 999;
    margin-top: -3px;
}
.preview-product-detail .icon-stack-1x,
.hidden-product-detail .icon-stack-1x {
    top: -3px;
    color: #555;
}
.preview-product-detail .icon-stack-2x,
.hidden-product-detail .icon-stack-2x {
    color: #ddd;
}
.hidden-product-detail {
    right: 90px;
}


/* Brand details page preciew icons */
.preview-product-xs {
    position: absolute;
    top: 0;
    right: 22px;
    z-index: 999;
    margin-top: -3px;
}
.preview-product-xs .icon-stack {
    width: 1.1em;
}
.preview-product-xs .icon-stack-2x {
    font-size: 1.5em;
    color: #ddd;
}
.preview-product-xs .icon-stack-1x {
    font-size: 0.7em;
    top: -7px;
    color: #555;
}






.preview-product-admin, .preview-product-admin:hover {
    margin-right: 20px;
    margin-top: 8px;
    text-decoration: none;
}








/* EMPLOYEE PAGE
------------------------------------------------------------- */
span.col-xs-2, span.col-xs-10 {
    padding: 0;
}
.isotope-item.col-md-3 {
    max-width: 240px !important;
}
.isotope-item.col-lg-3 {
    max-width: 292px !important;
}
.isotope-item .thumbnail {
    border: 1px #ddd solid;
}






/* PRODUCT & BRAND PAGES
------------------------------------------------------------- */
h1.product-header,
h1.brand-header {
    font-size: 28px !important;
    margin: 0 !important;
}
h2.brand-subheader {
    font-size: 24px;
    margin: 0;
}
.product-image-maxwidth {
    max-width: 385px;
}
.product.breadcrumb {
    background: none;
    padding: 0;
}

.brand-info .brandlogo {
    /*max-height: 35px !important;*/
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.brand-info {
    border: 1px #ddd solid;
    border-radius: 4px;
    padding: 5px;
    font-size: 13px;
}
.btn-brand-info {
    background: #eee;
    color: #555;
}
.brand-info-text {
    height: 50px;
    overflow: hidden;
}
.brand-info-text-full {
    height: auto;
    overflow: hidden;
}
.brand-info dt {
    margin-top: 10px;
}
.brand-info dd {
    margin-left: 25px;
}
h3.brand-contact {
    color: #555;
    text-transform: none;
    margin-bottom: 5px;
    margin-top: 10px;
}
h3.brand-product-title {
    color: #555;
    font-size: 13px;
    height: 60px;
    line-height: 1.4em;
    margin: 5px 0 0;
    overflow: hidden;
    text-transform: none;
}
.brand.product-card {
    border: 1px #ddd solid;
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.brand.product-card a,
.brand.product-card a:hover,
.brand.product-card a:focus,
.brand.product-card a:active {
    text-decoration: none;
}
.brand-bimboard {
    float: right;
}


#download-modal .modal-body {
    max-height: none;
}
.file-header {
    background: #fff !important;
    padding-top: 20px !important;
    border: 0 !important;
}
.file-header h6 {
    font-weight: 600;
    padding-top: 5px;
}
.file-header img {
    width: 30px;
    height: 30px;
}

#productRegions ul {
    margin-left: 5px;
}

.tabs-product .tab-pane {
    min-height: 250px;
}

.info {
    cursor: pointer;
}

.product-table td, .product-table th {
    border: 0 !important;
    max-width: 200px;
    word-wrap: break-word !important;
}

#productDescription,
#productSpecification {
    margin-top: 15px;
}
#productDescription ul,
#productSpecification ul {
    margin: 15px 0;
}

.tabs-product .nav li a {
    background: #f9f9f9 !important;
    border: 0 !important;
    border-radius: 2px !important;
}
.tabs-product .nav li a:hover {
    background: #333 !important;
    color: #fff !important;
}
.tabs-product .nav li.active a,
.tabs-product .nav li.active a:hover,
.tabs-product .nav li.active a:focus,
.tabs-product .nav li.active a:active {
    background: #333 !important;
    color: #fff !important;
}
.tabs-product div.tab-content {
    border: 0 !important;
    box-shadow: none !important;
}



.product-desc {
    padding-left: 10px;
    padding-top: 3px;
}

.btn.inverse {
    background-color: #333 !important;
    border-color: #111 !important;
    color: #fff;
}
.btn.inverse:hover {
    background-color: #222 !important;
    border-color: #000 !important;
}
.download-btn {
    font-size: 0.8em;
}
.qr-image {
	width: 100%;
}

.downloads {
	margin-bottom: 5px;
}

.sidebar-padding {
    /*padding: 15px;*/
}
.sidebar h3 {
    font-size: 1.4em;
}
.sidebar .filetypeheader {
    font-size: 1.1em !important;
}

.btn-back {
    position: absolute;
    top: 25px;
    left: 20px;
    z-index: 1100;
}
.list-inline > li.label:first-child {
    padding-left: 5px;
}
h6.region {
    margin-bottom: 0;
}

.panel-bopc {
    background: #fff none repeat scroll 0 0;
    border: 1px #ddd solid;
}
.panel-bopc .panel-heading {
    padding: 5px;
    background-color: #eee;
}


.owl-carousel.thumbnail {
    border: 0;
    padding: 0;
}
.startpage-video .owl-pagination {
    margin-top: -10px;
}
.owl-pagination {
    margin-top: -40px;
}
.owl-controls.clickable {
    margin-top: 10px;
}
.owl-buttons {
    position: absolute;
    top: 45%;
    width: 100%;
}
.owl-buttons .owl-prev {
    float: left !important;
}
.owl-buttons .owl-next {
    float: right !important;
}
.owl-buttons div {
    border-bottom: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    opacity: 0.6 !important;
    background: #000 !important;
    padding: 9px 14px !important;
}
.app-bloc {
    text-align: center;
}
.app-bloc h2 {
    font-size: 1.4em;
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}
.app-bloc img {
    margin: 0 auto;
}







/* BIMMAIL CONTACT MODALS
------------------------------------------------------------- */
h4.modal-title {
font-weight: 300;
}
.modal-body {
background: #f9f9f9 none repeat scroll 0 0;
border-radius: 0 0 5px 5px;
}







/* LENA PRODUCT SELECTOR
------------------------------------------------------------- */
h1.lena-product-header {
    margin: 0;
    font-size: 32px;
    font-weight: 100;
}
.product-info-box td {
    border-top: 0 none !important;
}

.lena-object-table th {
    border: 0 none !important;
}
.lena-product-thumb {
    width: 140px;
}







/* ADMINISTRATION
------------------------------------------------------------- */
.sidebar-nav {
    background-color: #f5f5f5;
    border: 0px solid #ddd;
    border-radius: 4px;
    padding: 0;
}
.nav-sidebar > .active > a {
    background-color: #00aeef;
    color: #FFFFFF;
}
.nav-sidebar .first a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.nav-sidebar .last a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.nav-sidebar li a:focus {
    background-color: #00aeef;
    color: #FFFFFF;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #f9f9f9 !important;
}
.selectallbox {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC !important;
    border-radius: 4px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin: 0 5px 0 0;
    padding: 10px 15px !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.checkbox-nomargin {
    margin-top: 0;
}

.mandatory, .helptext {
    color: #00aeef;
}
.helptext {
    font-style: italic;
    font-size: small;
}
.helptext.grey {
    color: #999;
}

.bopc-edit-header {
    margin: 10px 0;
    font-size: 2em;
}
.bopc-icon-status {
    color: #555;
    font-size: 1.6em;
}

#productoverview thead th, #productoverview thead td {
    /*padding-left: 10px;*/
    border-color: #ddd;
    border-bottom: 0 solid;
}
#productoverview td .btn {
    margin: 0 5px;
}


.content-type-radio {
    margin-bottom: 5px;
    margin-top: 0;
}



table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ccc !important;
    padding: 8px !important;
}



#fileupload .progress {
    margin-bottom: 0;
}
#fileupload .file-drop-area {
    /*background: rgba(0, 0, 0, 0) url("img/file-drop-area-img.png") no-repeat scroll center center;*/
    border: 2px dashed #ddd;
    border-radius: 10px;
    color: #ccc;
    font-size: 2em;
    font-style: italic;
    font-weight: 600;
    padding-top: 25px;
}

.fileinput-button {
    width: 100% !important;
    height: 100px !important;
}



#fileupload .file-drop-area:hover,
#fileupload .file-drop-area:active,
#fileupload .file-drop-area:focus {
    border: 2px #00aeef solid;

}



/* Mosquito */
.mosquito-modal .modal-body {
    min-height: 600px;
}
.mosquito-modal .nav-tabs > li.active > a, .mosquito-modal .nav-tabs > li.active > a:hover, .mosquito-modal .nav-tabs > li.active > a:focus {
    background: none repeat scroll 0 0 #fff !important;
}
.mosquito-modal label {
    margin-bottom: 0;
    margin-left: 2px;
    font-size: 85%;
}
.mosquito-modal .minicolors-theme-default .minicolors-swatch {
    height: 20px;
    width: 20px;
}
.mosquito-modal h4 {
    margin: 0;
    font-size: 1.2em;
}





/* Edition number */
.edition-number {
    font-size: 2em;
    color: #555;
    margin: 0;
    padding: 0;
}




.product-alert {
    padding: 0px 15px;
}
.brandlogothumb {
    height: 45px !important;
}
.brandlogo-small {
    max-height: 20px !important;
    /*margin-bottom: 10px;*/
}
.control-label, th {
    font-weight: 600;
}

.filetype-ul {
    display: inline;
    list-style-type: none;
    padding: 0;
}
.filetypelogo {
    width: 20px;
    height: 20px;
}
.filetypeheader {
    font-size: large;
}
.filetypeimage {
    border: 1px dashed #ccc;
    padding: 4px;
    width: 64px;
    height: 64px;
    border-radius: 4px;
    margin-left: -10px;
}
.dragndropfile, .dragndropimage, .dragndropimage-medium, .dragndropimage-small, .dragndropimage-mosquito {
    cursor: pointer;
    border: 1px dashed #999;
    padding: 20px;
    border-radius: 4px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-indent: 1000px;
}
.dragndropfile:hover, .dragndropimage:hover, .dragndropimage-small:hover, .dragndropimage-medium:hover {
    border-color: #999;
    background: #f5f5f5 url('img/icon-img-upload.png') no-repeat center center;
}
.dragndropfile {
    height: 110px;
    background: url('img/icon-img-upload.png') no-repeat center center;}
.dragndropimage {
    height: 155px;
    background: url('img/icon-img-upload.png') no-repeat center center;
}
.dragndropimage-medium {
    background: url('img/icon-img-upload.png') no-repeat center center;
}
.dragndropimage-small {
    height: 30px;
    background: url('img/icon-img-upload.png') no-repeat center center;
}
.dragndropimage-mosquito {
    background: url('img/icon-img-upload.png') no-repeat center center;
}
.dragndropimage-done {
    border: 2px dashed #3cb878;
    background: url('img/fileupload-done.png') no-repeat center center;
}
.height100 {
    height: 100px;
}
.height180 {
    height: 180px;
}




.panel-default, .panelbg {
    background: #fafafa;
}






/* SORT PRODUCT IMAGES */
.product-image-item {
    background: #f2f2f2;
    cursor: move;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.product-image-item:hover {
    background: #e9e9e9;
}
.product-image-item .thumbnail {
    margin-bottom: 0;
}
.product-image-item .product-image-name {
    font-size: 22px;
    color: #bbb;
    font-weight: 700;
    padding: 5px 0 10px 0;
    display: block;
}
.product-image-item .sort-bars {
    color: #ddd;
    margin-top: 20px;
}






.admin-dropdown {
    width: 100%;
}


.fileformat {
	width: 0px;
	height: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.archicad {
	background: url('img/archicad.png') center center no-repeat;
}
.autocad {
	background: url('img/autocad.png') center center no-repeat;
}
.revit {
	background: url('img/revit.png') center center no-repeat;
}
.sketchup {
	background: url('img/sketchup.png') center center no-repeat;
}


.check, .check-box, .checkbox_label, .group-edit-check {
    float: left;
}
.check-box {
    margin: 2px 10px 0 5px;
}
.check-box input {
    border-color: #00aeef !important;
}
.checkbox_label{
    margin-top: 1px;
}
.publishcheck label {
    margin-left: 10px;
}
.check {
    padding: 0 5px;
    width: 190px;
    border: 1px #ddd solid;
    border-radius: 4px;
    margin: 5px 5px;
}
.check:hover {
    background-color: #eee;
}
.group-edit-check {
    padding: 0 5px;
    width: 190px;
    border: 1px #ddd solid;
    border-radius: 4px;
    margin: 5px 5px;
}
.group-edit-check:hover {
    background-color: #eee;
}
.group-edit-check.has-error {
    border-color: #b94a48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.group-edit-check.has-success {
    border-color: #468847;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.filterbg {
    background-color: #eee;
}


.control-label.group-edit {
    width: 100%;
}
.control-label.group-edit input {
    margin-right: 3px;
    margin-top: 7px;
    float: right;
}



.editcategory, .editcountry, .editfiletype, .editmaterial {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin: 5px;
    padding: 8px;
    min-height: 48px;
    width: 210px;
    float: left;
    font-size: smaller;
    color: #999;
}
.editcategory_name, .editcountry_name, .editfiletype_name, .editmaterial_name {
    padding: 5px 0 0 5px;
    display: block;
}
.editfiletype_name {
    height: 30px;
}
.editcategory img.delete {
    float: right;
    cursor: pointer;
}
.editcategory .input-sm, .editcountry .input-sm, .editfiletype_tb .input-sm, .editmaterial .input-sm {
    height: 30px !important;
    padding: 0 3px !important;
    font-size: small;
    color: #00aeef;
}



/* Solutions */
.pc-add-btn {
    /*position: absolute;
    top: -75px;
    right: 15px;*/
}



/* Private Clouds */
.pc-checkbox input[type="checkbox"], .pc-checkbox-inline input[type="checkbox"] {
    margin-left: -15px;
    top: -5px;
    position: absolute;
}


/* Regions */
.region-countries {
    list-style-type: none;
    display: inline;
}
.region-countries li {
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px #ccc solid;
    border-radius: 4px;
    background-color: #f1f1f1;
    font-size: 12px;
    cursor: pointer;
}
.region-countries li.active {
    background-color: #5CB85C;
    border: 1px #5CB85C solid;
    color: #fff !important;
}
.region-tag {
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 5px;
    float: left;
}
.region-tag:hover {
    background: #999;
}
.region-tag, .region-tag a {
    font-size: 14px;
}
.region-tag a {
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 10px;
}
.region-tag a:hover {
    text-decoration: none;
}






.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
    left: 5px !important;
    right: auto !important;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
    padding-left: 33px !important;
    padding-right: 5px !important;
}







/* PAGINATION LAYOUT
------------------------------------------------------------- */
#productoverview_wrapper .top {
    display: none;
}




/* USER CARD
------------------------------------------------------------- */
.user-card h2 {
    margin-bottom: 0;
    padding-left: 15px;
}
.user-card-pic img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.profile-img {
    max-height: 200px;
    max-width: 200px;
    margin: 0 auto;
}





/* LANGUAGE TRANSLATION
------------------------------------------------------------- */
.control-label.strong {
    color: #222;
    font-weight: 600;
    padding-top: 4px !important;
}






/* BRAND SETTINGS DESIGN
------------------------------------------------------------- */
.brand-child1 {
    padding-left: 25px !important;
}
.brand-list-logo {
    max-height: 20px;
}




/* BOPC PROPERTY LIST
------------------------------------------------------------- */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #0099e6;
    border-color: #0099e6;
    color: #fff;
}
.info-center {
    float: none !important;
}
.img-bopc {
    max-height: 40px;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
.bopc-logo-max-height {
    max-height: 130px;
}
.bopc-modal h2 {
    margin-bottom: 25px;
}










/* RESPONSIVE SEARCH PAGE
------------------------------------------------------------- */
.horisontalpadding {
	width: 1600px;
	margin: 0 auto;
}
@media (min-width: 300px) {
	.horisontalpadding {
		width: 100%;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 175px;
    }
}
@media (max-width: 568px) {
    .horisontalpadding ul {
        padding: 0;
    }
    li.searchproduct {
        width: 160px;
    }
    li.searchproduct .product-image {
        height: 150px !important;
    }
}
@media (max-width: 480px) {
    .horisontalpadding ul {
        padding: 0;
    }
    li.searchproduct {
        width: 130px;
        margin-left: 5px;
    }
    li.searchproduct .product-image {
        height: 120px !important;
    }
}
@media (max-width: 320px) {
    .horisontalpadding ul {
        padding: 0;
    }
    li.searchproduct {
        width: 140px;
        margin-right: 0;
        margin-left: 5px;
    }
    li.searchproduct .product-image {
        height: 130px !important;
    }
}
@media (min-width: 850px) {
	.horisontalpadding {
		width: 850px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 175px;
    }
}
@media (min-width: 1020px) {
	.horisontalpadding {
		width: 1020px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 175px;
    }
}
@media (min-width: 1170px) {
	.horisontalpadding {
		width: 1190px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 1360px) {
	.horisontalpadding {
		width: 1360px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 1530px) {
	.horisontalpadding {
		width: 1530px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 1700px) {
	.horisontalpadding {
		width: 1700px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 1870px) {
	.horisontalpadding {
		width: 1870px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 2040px) {
	.horisontalpadding {
		width: 2040px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 2210px) {
	.horisontalpadding {
		width: 2210px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 2380px) {
	.horisontalpadding {
		width: 2380px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 2560px) {
	.horisontalpadding {
		width: 2440px;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
@media (min-width: 2720px) {
	.horisontalpadding {
		width: 100%;
		margin: 0 auto;
	}
    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}
